當需要將網站變灰色來表達平臺的哀悼時，如今主流CSS代碼為
主流方法！網站變灰色的CSS代碼
<style>
html{
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
</style>以上代碼除了IE都支持，
也是現在國內主流網站常用的方法，
都對被嫌棄的IE沒做特別處理了
因為今年微軟已經停止對IE支持更新，力推Edge瀏覽器，
Win平臺下的瀏覽器至此也與Chrome一致了。
上方代碼輕便易用，
放在需要灰掉的頁面即可。
建議放在<head>里。
支持IE9及以上
如果確定要兼容IE9及以上，
可以使用下方代碼，
效果如QQ騰訊網這樣，
可以用一個灰色層模擬一下。
<div style="position:fixed;
z-index:999;
width:100vw;
height:100vh;
left:-100vw;
outline: 101vw solid rgba(100,100,100,.7);"></div>
本文于2022年11月30日更新
收藏 9
干貨滿滿
收藏學習
點贊 24
復制本文鏈接 文章為作者獨立觀點不代表優設網立場，未經允許不得轉載。
發評論！每天贏獎品
點擊 登錄 后，在評論區留言，系統會隨機派送獎品
2012年成立至今，是國內備受歡迎的設計師平臺，提供獎品贊助 聯系我們
標志設計標準教程
已累計誕生 730 位幸運星
發表評論 為下方 5 條評論點贊，解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓